.kebiao > view {
    height: 83rpx;
    margin-top: 3rpx;
    margin-bottom: 4rpx;
    padding-left: 3rpx;
}

.kebiao-left > view {
    padding-top: 35rpx;
    font-size: 21rpx;
}

.course_tag0 {
    padding-left: 3rpx;
    padding-right: 3rpx;
}

.cu-modal{
	z-index: 800 !important;
}

page {
    --size-max: 100px;
    --size-1: 40px;
    --size-2: 50px;
    --size-3: 60px;
}

@media (min-height: 1000px) {
    .course_tag0 {
        height: var(--size-max);
    }

    .kebiao-left > view {
        height: var(--size-max);
    }

    .kebiao-content {
        height: calc(13 * var(--size-max));
    }
}

@media (max-height: 900px) and (min-height: 800px) {
    .course_tag0 {
        height: var(--size-3);
    }

    .kebiao-left > view {
        height: var(--size-3);
    }

    .kebiao-content {
        height: calc(13 * var(--size-3));
    }
}

@media (max-height: 800px) and (min-height: 570px) {
    .course_tag0 {
        height: var(--size-2);
    }

    .kebiao-left > view {
        height: var(--size-2);
    }

    .kebiao-content {
        height: calc(13 * var(--size-2));
    }
	
}

@media (max-height: 570px) and (min-height: 0px) {
    /* 仅在 570px 或更低的屏幕上生效的样式规则 */
    .course_tag0 {
        height: var(--size-1);
    }

    .kebiao-left > view {
        height: var(--size-1);
    }

    .kebiao-content {
        height: calc(13 * var(--size-1));
    }
}

.course_tag2 {
    padding-top: 2rpx;
    padding-bottom: 2rpx;
}

.course_tag3 {
    height: 100%;
    padding-left: 2rpx;
    padding-right: 2rpx;
}

.course_tag3 > view:nth-child(2) {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.more0 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.bg-0 {
    background-color: var(--yellow);
    color: var(--white);
    opacity: 0.8;
}

.bg-1 {
    background-color: var(--red);
    color: var(--white);
    opacity: 0.8;
}

.bg-2 {
    background-color: var(--orange);
    color: var(--white);
    opacity: 0.8;
}

.bg-3 {
    background-color: var(--yellow);
    color: var(--white);
    opacity: 0.8;
}

.bg-4 {
    background-color: var(--olive);
    color: var(--white);
    opacity: 0.8;
}

.bg-5 {
    background-color: var(--green);
    color: var(--white);
    opacity: 0.8;
}

.bg-6 {
    background-color: var(--cyan);
    color: var(--white);
    opacity: 0.8;
}

.bg-7 {
    background-color: var(--blue);
    color: var(--white);
    opacity: 0.8;
}

.bg-8 {
    background-color: var(--purple);
    color: var(--white);
    opacity: 0.8;
}

.bg-9 {
    background-color: var(--mauve);
    color: var(--white);
    opacity: 0.8;
}

.bg-10 {
    background-color: var(--pink);
    color: var(--white);
    opacity: 0.8;
}

.bg-brown {
    background-color: var(--brown);
    color: var(--white);
}

.bg-grey {
    opacity: 0.6 !important;
}

.bg-gray {
    background-color: #f0f0f0;
    color: var(--black);
}
